<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<h:html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<f:loadBundle var="msg" basename="br.ucb.antares.internalizacao.messages_pt"/>

<h:head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Antares</title>
	<meta name="robots" content="index, follow" />
	<meta name="keywords" content="" />
	<meta name="description" content="Sit Genrenciador de Comprar" />
	<meta name="author" content="Belgrano Helio" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1" />


	<!-- CSS
  ================================================== -->
	<h:outputStylesheet library="styles" name="skeleton.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="style.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="color.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="layout.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="inner.css"></h:outputStylesheet>

	<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700'
		rel='stylesheet' type='text/css' />

	<script src="../../html5shim.googlecode.com/svn/trunk/html5.js"></script>


	<!-- Favicons
	================================================== -->
	<h:outputLink rel="shortcut icon"
		value="../resources/images/favicon.ico" />
	<h:outputLink rel="apple-touch-icon"
		value="../resources/images/apple-touch-icon.png" />
	<h:outputLink rel="apple-touch-icon" sizes="72x72"
		value="../resources/images/apple-touch-icon-72x72.png" />
	<h:outputLink rel="apple-touch-icon" sizes="114x114"
		value="../resources/images/apple-touch-icon-114x114.png" />

</h:head>


<h:body>
	<p:panel id="bodychild" >
		<p:panel id="outercontainer" style="border:0;">
			<!-- HEADER -->
			<p:panel id="outerheader" style="border:0;">
				<ui:insert name="outerheader">
						<p:panel styleClass="container" style="border:0;">
						<p:panel id="logo" styleClass="three columns alpha" style="border:0;">
							<h:outputLink value="index.html">
								<h:graphicImage library="images" name="logo.png" />
							</h:outputLink>
						</p:panel>
						<p:panel id="headerright" styleClass="six columns omega" style="border:0;">
							<p:panel id="chart" style="border:0;">
							<ui:insert name="nome">
								<h6></h6>
								<p></p>
							</ui:insert>
							</p:panel>
							<ul id="user-nav">
								<br />
								<br />
								<br />
								<li><h:outputLink value="account.html">Minha Conta</h:outputLink></li>
								<li><h:outputLink value="login.html">Login</h:outputLink></li>
								<li><h:panelGroup rendered="#{not empty facesContext.externalContext.userPrincipal.name}">
				<h:outputText value="Usuario logado: #{facesContext.externalContext.userPrincipal.name} - " />
				<h:outputLink value="#{facesContext.externalContext.request.contextPath}/view/logoff.jsp">
					<h:outputText value="Logoff" />
				</h:outputLink>
				<p />
			</h:panelGroup></li>
							</ul>
						</p:panel>

						<p:panel  styleClass="twelve columns" style="border:0;">
							<nav id="nav-wrap">
							<ul id="topnav">
								<h:form>
									<p:panel style="background:#ececec;">
									<ui:insert name="menu">
										<p:tabMenu style="border:0;" activeIndex="0">
											<p:menuitem  url="/view/index1.xhtml" value="Inicio"/>
											<p:menuitem url="/view/usuarios/admin/user/listUser.xhtml" value="Clientes"/>
											<p:menuitem url="/view/usuarios/admin/produto/listProd.xhtml" value="Produtos"/>
											<p:menuitem url="/view/usuarios/admin/compra/listcompra.xhtml" value="Fornecedor"/>
											<p:menuitem url="/view/usuarios/admin/compra/listcompra.xhtml" value="Vendas"/>
											<p:menuitem url="/view/usuarios/admin/compra/listcompra.xhtml" value="Compra"/>
											<p:menuitem url="/view/usuarios/admin/compra/listcompra.xhtml" value="Relatorio"/>
										</p:tabMenu>
									</ui:insert>
									</p:panel>
								</h:form>
							</ul>
							<!-- topnav --> </nav>
							<!-- nav -->
						</p:panel>
					</p:panel>
				</ui:insert>
			</p:panel>

			<!-- END HEADER -->

			<!-- BEFORE CONTENT -->
			<div id="outerbeforecontent">
					<div class="container">
						<section id="beforecontent" class="twelve columns"> <ui:insert
							name="antesConteudo">
							<ui:insert name="title">
							<h1 class="pagetitle">Inicio</h1>
							</ui:insert>
							<div class="clear"></div>
						</ui:insert> </section>
					</div>
			</div>
			<!-- END BEFORE CONTENT -->

			<!-- MAIN CONTENT -->
			<p:panel id="outermain" style="border:0;">
				<p:panel styleClass="container" style="border:0;">
					<section id="maincontent" class="twelve columns"> <section
						id="content" class="positionleft nine columns alpha"> 
						<ui:insert name="conteudo">
							
						</ui:insert> 
					</section> 
					<aside id="sidebar" class="positionright three columns omega">
					<ui:insert name="sidebar">
						<ul>
							<li class="widget-container">
								<p:panel style="background:#ececec;">
								 <h2 class="widget-title">Cadastros</h2>
								</p:panel>
								<ul>
									<li><h:outputLink value="#">Clientes</h:outputLink> <span><h:outputText  value="#{clienteBean.quantidade}"/></span> </li>
									<li><h:outputLink value="#">Fornecedores</h:outputLink><span>         <h:outputText id="txt_count" value="#{fornecedorBean.quantidade}" />  </span></li>
									<li><h:outputLink value="#">Produtos</h:outputLink><span><h:outputText  value="#{produtoBean.quantidade}"/></span></li>
									<li><h:outputLink value="#">Vendas</h:outputLink><span><h:outputText  value="#{vendaBean.quantidade}"/></span></li>
									<li><h:outputLink value="#">Compras</h:outputLink><span><h:outputText  value="#{compraBean.quantidade}"/></span></li>
								</ul>
							</li>
						</ul>
					</ui:insert> 
					</aside>
					
					<!-- clear float --> </section>
				</p:panel>
			</p:panel>
			
			<!-- END MAIN CONTENT -->

			<!-- FOOTER SIDEBAR -->
			
			<p:panel id="outerfootersidebar" style="border:0;">
				<ui:insert name="rodape">
					<p:graphicImage library="images" name="logo.png"/>
					
				</ui:insert>
			</p:panel>
			<!-- END FOOTER SIDEBAR -->

			<!-- FOOTER -->
			<p:panel id="outerfooter" style="border:0;">
				<p:panel styleClass="container" style="border:0;">
					<p:panel id="footercontainer" styleClass="twelve columns" style="border:0;">
						<footer id="footer">Copyright &copy;2012 SmartShop. All
						Rights Reserved . Theme design by <h:outputLink
							value="../../templatesquare.com/default.htm">TemplateSquare.com</h:outputLink></footer>
						<ul class="sn">
							<li><h:outputLink value="../../pinterest.com/default.htm"
									title="Pinterest">
									<span class="icon-img"
										style="background: url(images/social/pinterest.png)"></span>
								</h:outputLink></li>
							<li><h:outputLink value="../../plus.google.com/default.htm"
									title="Google Plus">
									<span class="icon-img"
										style="background: url(images/social/gplus.png)"></span>
								</h:outputLink></li>
							<li><h:outputLink value="../../facebook.com/default.htm"
									title="Facebook">
									<span class="icon-img"
										style="background: url(images/social/facebook.png)"></span>
								</h:outputLink></li>
							<li><h:outputLink value="../../twitter.com/default.htm"
									title="Twitter">
									<span class="icon-img"
										style="background: url(images/social/twitter.png)"></span>
								</h:outputLink></li>
						</ul>
					</p:panel>
				</p:panel>
			</p:panel>
			<!-- END FOOTER -->

		</p:panel>
		<!-- end bodychild -->
	</p:panel>
	<!-- end outercontainer -->




</h:body>
</h:html>
